在你練習切板跟真正上戰場的最大差異，一方面是有薪水跟沒薪水。
第二個就是你會拿到別人的設計稿。
然後不管是什麼菜色或大便，你都要吃下去，吃得越快就代表你越厲害。
不要懷疑我沒有在開玩笑！
所以對於一個職人切阪神手來說，如何練習把大便吃的津津有味，或是慢慢地咀嚼山珍海味都是一種功力。
以下我們會從設計稿的格式談到處理設計稿的心態。
PSD / AI / XD / FIGMA / PNG
因為設計稿百百種，能切的沒幾種，但對於一個職業切版的好手來說，這都不是事。
以下會用切版人員的角度來排行，讓各位看官馬上了解，哪些是奧客，哪些是天使客人。
Figma > XD > PSD > AI > PNG
這邊談的是我個人啦！
我認為其實你給我一張PNG或是JPG就夠了，為什麼？因為我也沒拿過figma檔啊！(笑死)
之後文章會討論《切版的基本SOP》，也就是在設計稿上劃紅格子這件事，
除了這個步驟以外，也會有超扯的逆天流程-->自己把PNG檔弄成figma哈哈哈
所以說真的作為一個切版職人，黑貓白貓或是黑狗，只要能夠尿尿大便的貓狗，都是好寵物！
隨便你要給我什麼設計稿，只要不是空白的，我都要而且也應該能切出來。
空白我也能切啦而且是秒切...但這個技術就不透露了。
所以作為前端人員我們最希望拿到什麼檔案？有檔案就好了
好啦不要講幹話啦哈哈哈 能給我figma就拜託給我figma
Figma套餐 無糖去冰 謝謝！
大家可以想像一件事，當你玩了一個遊戲，而新手村的小怪就是大魔王。
這個遊戲體驗可想而知是多麼的「新鮮」啊！
能夠不罵糞GAME繼續玩下去的人恐怕就都是有病吧？
而這就是我的切版ONLINE。
第一次切專案時，我拿到的是一張 PNG。沒有設計稿連結，沒有手機版圖，
只有一句話：「這是首頁喔，要RWD」
那時候不懂瞎搞了老半天切了快20頁，把頁面做的八十七分像(還很菜勿噴)
花了也是一個月吧交給前輩後，他才說要跟設計稿一模一樣。
他：再幫你看下去我工作忙不完了，你整個重做吧！
我：。。。
他：這個喔你就用賴的截圖工具，就可以量距離了。
他：不要小看切版。
他：要細心。
我：。。。
切到 NAVBAR，我做了漢堡選單、動畫都加上，
結果前輩才說：「怎麼這麼醜？你這個真的很醜，這個應該!@@#$%@^Y這樣」
他：「你參考那個 XX 網站做一個吧」
我：。。。
他：這種東西要大氣一點，你這個很像沒做完。
我：。。。
當下我真的很想大聲疾呼，X你老師的設計稿又沒寫！
沒有講清楚，你做的都是白做，還可能被罵兩次。
而且每次還要你「自己想一下」，最後又被打槍——那我到底是在創作，還是在通靈？
從那個瞬間我領悟了切版的真理，不是你的CSS多強、HTML多屌，而是規格。
就像是《切板十年無人問》的第零篇說的：
現代資訊這麼多，大家都可以在網路上找到很多模板或是YT影片練習。
可是真的切版是看著影片打打code嗎？
切版是你看了一個鬍鬚張還是一個蘋果的官網，就右鍵檢查去學習，模仿一個嗎？錯！
如果要我說切版的重要性，我會說三個字：設計稿！設計稿！設計稿！
很簡單啦——
你還沒資深之前，錯的都是你。
你能力還沒到位之前，想要做切版的話，這本來就是你的錯。
你做出來的成品不是不對，是不合他心意，所以溝通確實很重要，否則不管你多麼會做，最後出來都是一坨他沒有要吃的大便。
我們要學的就是等對方拉完，你自己聞聞看有多臭，再去拉屎。
而不是先拉了一坨大的，最後已經沒有東西可以拉了才在那邊交稿被打槍。
如果你不想要浪費生命就要勇敢問，問清楚每一個 detail，
問到對方覺得你像智障為止，這樣可能反而是更有智慧的作法。
所以作為切版的職人，不用講那麼好聽啦！你就是一個無情的設計稿吸收機
不要奢望每一張設計稿都剛好合你胃口，
你需要的是不管拿到什麼，都知道怎麼一口一口吃下去，吐出來的也要繼續吞。
不管是 PNG、AI、還是XD，還是冏或是ORZ，
反正來的東西就算是投影片，你都該知道敢問不懂的需求、知道怎麼拆、怎麼切出來。
至於一開始不懂或是覺得很卡很靠北，這真的不是你菜，是你超弱。
但就是因為這麼弱你才能大量吸收與超速進步。
下一篇我們就會細細的談《切版的SOP這件事》。
iThome鐵人賽
看影片追技術
看更多